<template>
  <!-- 人脸识别成功页 -->
  <view class="pages">
    <image src="@/static/my/face-recognition-fail.png" />
    <view class="f-s-40 co-black mar-t-40">验证失败</view>
    <view class="row">
      <view class="circle"></view>
      <text>确保本人面部出现在框内</text>
    </view>
    <view class="row">
      <view class="circle"></view>
      <text>确保面部与屏幕保持适当距离</text>
    </view>
    <view class="row">
      <view class="circle"></view>
      <text>保持光线充足和均匀</text>
    </view>
    <view class="row">
      <view class="circle"></view>
      <text>摘掉眼镜并漏露出耳朵</text>
    </view>
    <view class="btn flex-center" @click="redirectTo('/pages-users/tool-real/real-1')"
      >再试一次</view
    >
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad, onReachBottom, onReady } from '@dcloudio/uni-app'
import { showToast, navigateTo, navigateBack, formatDate, switchTab, redirectTo } from '@/utils'
</script>

<style lang="scss" scoped>
.pages {
  width: 750rpx;
  min-height: 100vh;
  background: #f6f6f6;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 120rpx;

  image {
    width: 424rpx;
    height: 424rpx;
  }

  .row {
    width: 750rpx;
    padding-left: 157rpx;
    display: flex;
    align-items: center;
    margin-top: 36rpx;

    .circle {
      width: 23rpx;
      height: 23rpx;
      background: #ffb300;
      border-radius: 50%;
      opacity: 1;
      margin-right: 26rpx;
    }

    text {
      font-size: 30rpx;
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      color: #000000;
    }
  }

  .btn {
    width: 630rpx;
    height: 91rpx;
    background: #ffb300;
    border-radius: 46rpx 46rpx 46rpx 46rpx;
    opacity: 1;
    font-size: 34rpx;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #f6f6f6;
    margin-top: 180rpx;
  }
}
</style>
